body,
html {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  background-color: #f9f9f9;
}

::-webkit-scrollbar {
  // width: 8px;
  // height: 8px;
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background-color: #d9d9d9;
  border-left: 2px solid transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
  border-left: 2px solid transparent;
}

.hdgk-app {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  // margin: 16px 28px 16px 0;
  float: left;

  .header {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);

    #logo {
      .title {
        position: relative;
        color: #0666c8;

        .title__top {
          position: absolute;
          top: -25px;
          left: 10px;
          font-size: 18px;
          width: 150px;
        }
        .title__bottom {
          position: absolute;
          top: -5px;
          left: 10px;
          font-size: 16.5px;
          width: 150px;
        }
      }
    }

    .weather {
      text-align: center;
      color: #0666c8;
      font-size: 14px;
    }
  }

  .ant-carousel .slick-slide {
    text-align: center;
    // height: 380px;
    // line-height: 160px;
    background: #f0f2f5;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;

    img {
      width: 100%;
    }
  }

  .ant-carousel .slick-slide  h3 {
    color: #fff;
  }

  .ant-layout {
    background: #FFF;

    .ant-layout-content {
      width: 1000px;
      margin: 24px auto;

      &.second-content {
        background: rgb(240, 240, 240);
        margin: 0;
      }
    }
  }

  .ant-layout-sider {
    background-color: #0666c8 !important;

    .ant-menu-inline {
      background-color: #0666c8;
      color: #FFF;
      text-align: center;

      .ant-menu-item {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-left: 0 !important;
        height: 85px;
        font-size: 16px;
        margin: 0;
        padding: 0;
        line-height: 85px;

        a {
          color: #FFF;
        }

        &.ant-menu-item-selected,
        &:active {
          color: #FFF;
          background-color: rgb(44, 131, 216) !important;
        }

        .m-icon {
          font-size: 32px;
          margin-right: 8px;
        }
      }
    }
  }
}
